<template>
  <component :is="{ 1: step1, 2: step2 }[activeNum]"></component>
</template>

<script setup>
import { shallowRef, defineAsyncComponent } from 'vue'
import { useRoute } from 'vue-router'
const route = useRoute()
const activeNum = route.query.step || 1
const step1 = defineAsyncComponent(() => import('./step1.vue'))
const step2 = defineAsyncComponent(() => import('./step2.vue'))
</script>

<style></style>
